<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <meta content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script><!-- 引用谷歌jQuery -->
    <script type="text/javascript">
     window.onload = function () {
      // $.ajax({
      //     type: "get",//接口规定，只能用get
      //     async: true,//异步
      //     url: "https://apis.map.qq.com/ws/location/v1/ip",//接口地址
      //     data: {"key":"6K5BZ-I35WS-EYLO5-6BSKV-EV4VH-J2FPM","output":"jsonp"},//参数格式必须用到output传参为jsonp，否则会报跨域问题
      //     dataType: "jsonp",//跨域，必须用到jsonp
      //     success: function(result){
      //         console.log(result);
      //         sessionStorage.setItem('city',JSON.stringify(result))
      //     },
      //     error: function (XMLHttpRequest,textStatus,errorThrown){
      //         console.log(JSON.stringify(XMLHttpRequest));
      //         document.write(JSON.stringify(XMLHttpRequest));
      //     }
      // });
     }
  </script>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
